.loading {
  @apply fixed w-screen h-screen flex items-center justify-center left-0 top-0 flex-col;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.3);
  .loadText {
    @apply text-main-aa mt-5 text-sm relative;
    line-height: 14px;
    &::after {
      @apply absolute  bottom-0 text-red text-sm text-main-aa;
      line-height: 14px;
      right: -4px;
      content: '.';
      animation: load 1.5s ease infinite;
    }
    @keyframes load {
      0% {
        content: '.';
        right: -4px;
      }

      50% {
        content: '..';
        right: -10px;
      }

      100% {
        content: '...';
        right: -14px;
      }
    }
  }
}
